<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>培训报名信息</title>
		<meta http-equiv="Window-target" content="_top">
		<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-title" content="标题"/>
		<link rel="apple-touch-icon-precomposed" href="png"/>
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="png"/>
		<script src ='../js/flexible.debug.js'></script>
		<script src ='../js/flexible_css.debug.js'></script>
		<link rel="stylesheet" type="text/css" href="../css/rest.css">
		<link rel="stylesheet" type="text/css" href="../css/recruit.css">
		<link rel="stylesheet" type="text/css" href="../css/Tra_ind_det_apply.css">
	</head>
	<body>
		<header class="header">
			<p class="leftReturn"><img src="../img/1_03.png"></p>
			<p>报名信息</p>
			<p></p>
		</header>
	
		<article class="infos">
			<li>姓名 :<input type="text" name="" placeholder=""></li>
			<li>生日 :<input type="text" name="" placeholder="xx/xx/19xx"><span><img src="../img/rili.png"></span></li>
			<li>性别 :<input type="text" placeholder="女" id="inp" ><span class="mex"><img src="../img/G_02down.png"></span></li>
			<li>身份证号 :<input type="text" name="" placeholder="0~18位"></li>
			<li>手机 :<input type="text" name=""></li>		
			<p>确认具体内容 ：</p>
		</article>
		<!-- 男女选项 -->
		<div class="aside">
			<img src="../img/02_bg.png">
			<p class="man">男</p>
			<p class="wom">女</p>
		</div>
		<footer class="footer">
		<p class="Set">提交</p>
		</footer>
	    <script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript">
			$(function  () {
				$('.leftReturn').click(function  () {
			        history.back();
				})
			})
		    $(function(){
				var flag = null;
				$('.mex').click(function(){
					if(flag == true){
						$('.aside').stop().show();
						flag = false;
					}else{
						$('.aside').stop().hide();
						flag = true;
					}
					$('.man').click(function(){
						$('#inp').val('男')
					})
					$('.wom').click(function(){
						$('#inp').val('女')
					})
				})
			})
		</script>
	</body>
</html>